<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>表单</title>
    <link rel="stylesheet" href="../../frame/layui/css/layui.css">
    <link rel="stylesheet" href="../../frame/static/css/style.css">
    <link rel="icon" href="../../frame/static/image/code.png">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/admin/index.css">
  	<link rel="stylesheet" href="../../ditor/styles/simditor.css">
    <style>
        .show{
            line-height: 30px;
            display: block;
            float: left;
            width: 50px;
            height: 30px;
        }
        input[type='radio']{
            float: left;
        }
    </style>
</head>
<body class="body">

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>添加banner图</legend>
</fieldset>

<form class="layui-form" url="admin/BannerSet" id="ajaxForm" method="post" style="width:100%">
  	<div class="layui-form-item">
        <label class="layui-form-label">文章标题</label>
        <div class="layui-input-block">          
            <input type="text" name="title" value="" class="layui-input" style="display: block">
        </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label" style="line-height:130px" >banner</label>
    <div class="layui-input-block layui-input"  style="height: 150px;width:300px;padding: 0">
    <img src="../../img/put.png"  onclick="$('#img').click()" id="imgShow" style="width: 100%;margin:0;height: 100%">
    <input type="hidden" name="banner" id="imgData">
    <input type="file" name="img" id="img" onchange="imgPut('img','imgData','imgShow','admin/BannerFile')" hidden>
    </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">是否显示</label>
        <div class="layui-input-block">
            <span class="show"><input type="radio" name="show" value="1" style="display: block" checked>显示</span>
            <span class="show"><input type="radio" name="show" value="2" style="display: block">隐藏</span>
        </div>
    </div>
    <div class="dateTable">
        <textarea id="editor" autofocus name="content"></textarea>
        <div style="float: left">
            <a class="layui-btn mgl-20" style="margin-top: 10px" onclick="$('#inputId').click()">图片链接获取</a>
            <input type="file" name="img" id="inputId" onchange="imgPut('inputId','putImg','shoImg','admin/BannerFile')" hidden>
            <input id="putImg" style="padding: 10px;border: 1px solid #9ba5a9;position: relative;top: 6px" />

        </div>
        <img id="shoImg" style="width: 100px;margin-top: 10px;margin-left: 20px">      
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block" style="text-align: right;
    float: right;
    width: 40%;">
            <a class="layui-btn" id="ajax-btn">立即提交</a>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>
<!-- 通用-970*90 -->
<div>
    <ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-6111334333458862" data-ad-slot="6835627838"></ins>
</div>
<script src="../../js/public/jquery-3.1.1.min.js"></script>
<script src="../../js/public/common.js"></script>
<script src="../../js/layer/layer.js"></script>
<script type="text/javascript" src="../../ditor/scripts/module.js"></script>
<script type="text/javascript" src="../../ditor/scripts/hotkeys.js"></script>
<script type="text/javascript" src="../../ditor/scripts/uploader.js"></script>
<script type="text/javascript" src="../../ditor/scripts/simditor.js"></script>
<script>
    var editor = new Simditor({
        textarea: $('#editor')
        //optional options
    });   
</script>
</body>
</html>